【krpano】オープニングに画像を表示する

パノラマを開いた時に、イメージ画像を表示させる方法。
パノラマの説明や、操作方法などの解説などで多用されている。

【使用するファイル】
xmlファイル
表示する画像

【基本コード】
表示用画像をxmlファイルと同じ階層に置いた後、以下のコードをxmlに記述する。

<events onloadcomplete="delayedcall(2, if(plugin[introimage], hideintroimage() ); ); set(events.onloadcomplete,null);" />

	<plugin name="introimage"
	        url="introimage.png"
	        align="center"
	        onloaded="set(alpha,0); tween(alpha,1.0);"
	        onclick="hideintroimage();"
	        />

	<action name="hideintroimage">
		if(plugin[introimage].enabled,
			set(plugin[introimage].enabled,false);
			tween(plugin[introimage].alpha, 0.0, 0.5, default, removeplugin(introimage));
		  );
	</action>

【解説】
パノラマを読み込んだ時にアクションをスタートさせる記述

<events onloadcomplete="delayedcall(2, if(plugin[introimage], hideintroimage() ); ); 
//完全に読み込んだら=2秒遅れて実行,もしintroimageが表示されているなら.hideintoroimageの設定通りに画像を隠す。
set(events.onloadcomplete,null);" />

画像の記述

	
	<plugin name="introimage"
	        url="introimage.png"
	        align="center"
	        onloaded="set(alpha,0); tween(alpha,1.0);"  //ロードされると透明度0→1へ
	        onclick="hideintroimage();" //クリックしてhideintroimage()を実行
	        />

メモ
5秒かけて表示させたい場合
onloaded=”set(alpha,0); tween(alpha,1.0,5);”

アクションの記述

	
	<action name="hideintroimage">
		if(plugin[introimage].enabled,
			set(plugin[introimage].enabled,false);
			tween(plugin[introimage].alpha, 0.0, 0.5, default, removeplugin(introimage)); 
//0.5秒かけてintroimageの透明度を0にする
		  );
	</action>

メモ
5秒かけてフェードアウトさせたい場合
tween(plugin[introimage].alpha, 0.0, 5.0, default, removeplugin(introimage));

 

【実例】

<krpano version="1.16">

<include url="skin/defaultskin.xml" />

<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="150" limitview="auto" />
  
<preview url="mukogawa1.tiles/preview.jpg" />

<events onloadcomplete="delayedcall(2, if(plugin[introimage], hideintroimage() ); ); set(events.onloadcomplete,null);" />

<plugin name="introimage"
url="logo.png"
align="center"
onloaded="set(alpha,0); tween(alpha,1.0,5);"
onclick="hideintroimage();"
/>

<action name="hideintroimage">
if(plugin[introimage].enabled,
set(plugin[introimage].enabled,false);
tween(plugin[introimage].alpha, 0.0, 10, default, removeplugin(introimage));
);
</action>

 

<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4776" tiledimageheight="4776">
<cube url="mukogawa1.tiles/mres_%s/l4/%0v/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2388" tiledimageheight="2388">
<cube url="mukogawa1.tiles/mres_%s/l3/%0v/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1194" tiledimageheight="1194">
<cube url="mukogawa1.tiles/mres_%s/l2/%0v/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="597" tiledimageheight="597">
<cube url="mukogawa1.tiles/mres_%s/l1/%0v/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="mukogawa1.tiles/mobile_%s.jpg" />
</mobile>
</image>

</krpano>